<!--引入树 -->
<div class="tableStyle" >
  <div class="row">
    <span class="dirtree col-xs-4 col-md-3">
      <app-tree [institutionId]="treeURL" [treeTitle]="'技术方向'" (editData)="click($event)"></app-tree>
    </span>
    <!--引入查询-->
    <div class="search">
        <input class="form-control " type="text" [(ngModel)]="info" style="display:inline;width:90%" placeholder="请输入技术点进行搜索"
          #searchbox>
        <a (click)="query(searchbox.value)" class="btn btn-info">
          <span class="glyphicon glyphicon-search"></span>搜索
        </a>
      <div style="background:rgb(15, 134, 212);text-align:center">{{dictionnaryName}}</div>
      <div >
        <data-table (deletesEmit)="deleteDatas($event)" (deleteEmit)="deleteData($event)" (changepage)="changepage($event)" [isCheckBox]="isCheck"
          [buttonList]="btnList" (operat)="operatData($event,modal)" (exportEmit)="export($event)" [title]="title" [page]="page"
          [addButton]="btnAdd" [deleteButton]="btnDelete" [importButton]="btnImport" [editButton]="btnEdit" (editData)="edit($event,modal)"
          [exportButton]="btnExport" [total]="total" [data]="data" [arr]="arrbutes" [buttonstyle]="btnstyle" [sizeList]="sizeList"
          [paging]="paging" (importEmit)="import($event)" [fileUrl]="fileUrl" [pageSize]="pageSize" (addOpen)="open($event,modal)">
        </data-table>
      </div>
    </div>
  </div>
    <!--添加操作-->
    <div #modal class="modal-dialog" style="visibility:hidden;position:absolute;left:30%;top:20%; height:auto">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="close(modal)">×
          </button>
          <h4 class="modal-title">
            {{property}}技术点
          </h4>
        </div>
        <div class="modal-body">
          <form role="form" class="form-horizontal" #form="ngForm">
            <div class="form-group">
              <label class="col-sm-3 control-label">技术点名称：</label>
              <div class="col-sm-9">
                <input type="text" class="form-control" name="techName" [(ngModel)]="skillPointInfo.techName">
              </div>
            </div>

            <div class="form-group">
              <label class="col-sm-3 control-label">技术点描述：</label>
              <div class="col-sm-9">
                <input type="text" class="form-control" name="remark" [(ngModel)]="skillPointInfo.remark">
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" (click)="add(modal,form.value)">确认</button>
          <button type="button" class="btn btn-default" (click)="close(modal)">取消</button>
        </div>
      </div>
    </div>
  </div>


  <!--删除提示框-->
  <p-confirmDialog header="提示" icon="fa fa-question-circle" width="425"></p-confirmDialog>

  <!-- 添加修改对话框 -->
  <p-dialog header="提示" [(visible)]="display" modal="modal" width="400" [responsive]="true">
    <p style="text-align:center">{{message}}</p>
    <p-footer>
      <button type="button" pButton  (click)="display=false" label="确定"></button>
  </p-footer>
</p-dialog>

<!-- 右上角提示信息 -->
<p-growl [(value)]="msgs"></p-growl>
